import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// import path from "path";
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'


// https://vitejs.dev/config/
export default defineConfig({
  base:'./',
  resolve: {
    alias: {
      '@':'/src',   //默认项
      assets: "/src/assets",
      common: "/src/common",
      components: "/src/components",
      network: "/src/network",
      views: "/src/views",
    },
  },
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
      directoryAsNamespace:true
    }),
  ],
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `$injectedColor: orange;`,
      },
      less: {
        javascriptEnabled: true,
        charset: false,
        additionalData: `@import "./src/assets/style/global.less";`,
      },
    },
  },
})
